<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/angular.js"></script>
	</head>

	<body ng-app="app">

		<hello>
			   <br/>
            <span>原始的内容，</span><br/>
            <span>还会在这里。</span>
		</hello>
		<script type="application/javascript">
			var appModule = angular.module('app', []);
			appModule.directive('hello', function() {
				return {
					restrict: 'E',
					template: '<div>Hi there  <span ng-transclude> </div>',
					//replace: true   // 替换
					 transclude: true  // 不替换子内容  要加 <span ng-transclude>
				};
			});
		</script>
	</body>

</html>